
.add-register{
    background: url(../imgs/sign-bg.jpg)no-repeat;
    width: 100%;
    height: 20rem;
    justify-content: space-around;
    background-size: cover;
    .register-top{
        display: flex;
        flex: 3;
        height: 2.7027rem;
        flex-direction: column;
        justify-content: space-around;
        .login{
            align-self: flex-end;
            width: 2.1622rem;
            height: .7568rem;
            color: rgba(255, 255, 255, 100);
            font-size: .5405rem;
            font-weight: 700;
            margin: 0 .5405rem 0 0;
        }
        .title{
            width: 8.1081rem;
            margin: 0 auto;
            height: 1.0811rem;
            color: rgba(255, 255, 255, 100);
            font-size: .7568rem;
            text-align: left;
        }
    }

    .container{
        flex: 5;
        width: 8.1081rem;
        margin: 0 auto;
        text-align: center;

        .preamble{
            width: 6.7568rem;
            height: .5946rem;
            opacity: 0.6;
            color: rgba(255, 255, 255, 100);
            font-size: .4324rem;
        }
        .main{
            position: relative;
            height: 5.0811rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            input{
                opacity: 0.5;
                border-radius: .6757rem;
                padding-left: 20px;
                font-size: .4324rem;
                height: 1.2703rem;
            }

            b{
                position: absolute;
                width: 0;
                height: 0;
                left: 1.5675rem;
                top: .4865rem;
                border-top: .4054rem solid rgba(255, 255, 255, 1);
                border-left: .1892rem solid transparent;
                border-bottom: .4054rem solid transparent;
                border-right: .1892rem solid transparent;

            }
            .mainr2{
                display: flex;
                .authCode{
                    margin-right: .2703rem;
                }
                img{
                    width: 2.5135rem;
                }
            }
            .btnRegister{
                background: rgba(99, 255, 167,.5) !important;
                color: rgba(255, 255, 255, 1);
                font-size: .4324rem;
                opacity: 1;
            }
            .err-msg{
                display: none;
                position: absolute;
                bottom: -0.6563rem;
                font-size: .375rem;
                width: 100%;
                color: red;
            }
        }
        .WRow{
            display: flex;
            justify-content: flex-end;
        }
        .WeChatRegister{
            display: flex;
            width: 5rem;
            font-size: .3784rem;
            margin-top: .7297rem;
            color: #fff;
            justify-content: space-around;
            .WCenter,
            .WeChat,
            .WRight{
                color: #fff;
            }
        }


    }
    .holdRow{
        display: flex;
        flex: 2;
        justify-content: center;
        .hold{
            color: #fff;
            font-size: .4865rem;
        }
    }

}